<template>
	<view class="main">
		<view class="aligndetail padding">
			<view class="sthabout around">
				<view class="">
					姓名：降幅
				</view>
				<view class="">
					性别：女
				</view>
				<view class="">
					年龄：24岁
				</view>
			</view>
			<view class="reportdate">
				报告日期：2020-08-09
			</view>
		</view>
		<view class="reportdetail padding">
			<view class="detailtitle">
				检查项目：心脏MR常规扫描
			</view>
			<view class="detailtitle">
				影像表现：左侧心脏中动脉局部不规则变窄，分支未见明显减少，血管分布区未见异常。左侧心脏中动脉局部不规则变窄，分支未见明显减少，血管分布区未见异常。左侧心脏中动脉局部不规则变窄，分支未见明显减少，血管分布区未见异常。左侧心脏中动脉局部不规则变窄，分支未见明显减少，血管分布区未见异常。
			</view>
			<view class="detailtitle">
				诊断意见：心脏中动脉狭窄
			</view>
			<view class="detailtitle">
				报告医师：李纳
			</view>
		</view>
	</view>
</template>
<style>
	.main {
		width: 92%;
		margin: 0 auto;
	}

	/* .ali */
	.detailtitle {
		font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		font-weight: 400;
		color: #555555;
		line-height: 48rpx;
	}

	.padding {
		padding: 34rpx;
		border: 3rpx solid #f2f2f2;
	}

	.flex {
		display: flex;
	}

	.ali {
		display: flex;
		align-items: center;
	}

	.jus {
		display: flex;
		justify-content: center;
	}

	.around {
		display: flex;
		justify-content: space-between;
	}

	.aligndetail {
		background-color: rgba(0, 110, 255, 0.0431372549019608);
		margin: 30rpx 0 20rpx;
	}

	.sthabout {
		margin: 0 0 20rpx;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 28rpx;

	}

	.reportdate {
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 24rpx;
		color: #AAAAAA;
	}

	.detailtitle {
		font-size: 28rpx;
		margin-bottom: 20rpx;
	}
</style>